#dateBox ul,
#dateBox li{
	margin:0 ;
	padding: 0;
	list-style: none;	
}
.date_main{
	min-height: 200px;;
}
#date{ 
	padding-top: 15px;
}
#dateBox{
	/*padding-top: 36px;*/
}
#dateBox ul{
	overflow: hidden;
	position: fixed;
	top: 0;
	left:0px;
	width: 100%;
	height: 36px;
	z-index: 1;
	display: none;
}
#dateBox li{
	float: left;
	width: 14.2%;
	text-align: center;
	background: #FFF;
	line-height: 36px;
}
.ate_box_table {
	background: #FFF;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    color: #666;
    width: 100%;
}
.ate_box_table td{
	width: 14.2%;
	height: 35px;
    line-height: 35px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    padding: 5px 0;
}
.ate_box_table td span{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	font-family: arial;
}
.date-box .cRed {
	color: #fb0007
}
.ate_box_table .date_nothis {
	color: #e0e0e0;
	cursor: default
}
.date-box .date_td{
	color: #FFF;
	/*background: #8A6DE9;*/
}
.date-box .date_td span{
	border-radius: 50%;
	background: #f53048;
}
.date-box .date_td.first span{
	border-radius: 0;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.date-box .ins span{
	background: #f53048;
	color: #FFF;
}
.date-box .date_td.last span{
	border-radius: 0;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}
.date_month{
	background: #FFF;
	font-size:22px;
	color: #333;
	padding-left: 10px;
}
.no_line span{
	background: url(../icon/gin-small.png) no-repeat center center;
	background-size: 18px 18px;
}
.sel_no_line span{
	color: #e0e0e0;
	background: url(../icon/gin-small.png) no-repeat center center;
	background-size: 18px 18px;
}
body,.mui-content{
	background: #FFF;
}

/*顶部UI*/
.close-x{
	width: 20px;
	height: 20px;
	padding-top: 12px;
	margin-left: 20px;
}
.close-x img{
	width: 16px;
	height: 16px;
	margin:0 auto;
}
.showDate{
	background: url(../icon/gin.png) no-repeat center center;
	background-size: 54px 53px;
	margin-top: 40px;
}
.showDate .mui-pull-left{
	width: 50%;
	text-align: left;
	/*margin-top: 25px;*/
}
.showDate .mui-pull-left div{
	padding:0 10px;
	color: #f53048;
	font-size: 22px;
}
.showDate .mui-pull-left div:first-child{
	margin-bottom: 10px;
}
.showDate .mui-pull-left:last-child{
	text-align: right;
}
.week ul{
	margin:0;
	padding:0;
	overflow: hidden;
	border-bottom: 1px solid #d3d3d3;
}
.week ul li{
	float: left;
	list-style: none;
	width: 14.28571%;
	text-align: center;
	font-size: 15px;
	color: #333;
	margin-top: 25px;
	padding-bottom: 5px;
}

.datediv{
	position: relative;
	min-height: 200px;
}
.clearDateStatus{
	color: #F53048;
	margin:10px 10px 0 0;
	font-size: 28px/2;
}

.cal-btn{
	height: 59px;
	/*border-top: 1px solid #EBEBEB;*/
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	/*background-color: transparent;*/
	/*box-shadow: 1px 0px 10px rgba(0,0,0,.3);*/
}
.cal-btn .mui-content-padded{
	margin:7px ;
}
.cal-btn button{
	background: #f53048;
	border-color: #f53048;
	color: #FFF;
	padding:8px 0;
}
.cal-btn button.mui-btn:enabled:active{
	background: #f53048;
	border-color: #f53048;
	color: #FFF;
	opacity: 1;
}

.cal-btn button.mui-numbox-btn-minus:enabled:active,
.cal-btn button.mui-numbox-btn-plus:enabled:active{
	background: #f9f9f9;
	opacity: .8;
}
.mui-numbox{
	margin-left: 10px;
	 border: 0 none;
 	border-radius: none;
 	background-color: transparent;
 	width: 120px;
}
.mui-numbox button.mui-numbox-btn-minus,
.mui-numbox button.mui-numbox-btn-plus{
 		background-color: #ebebeb;
 		border-right: 0 none;
 		border-radius: 3px;
 		color: #999;
 		font-size: 24px;
 		width: 32px;
 		height: 32px;
 	} 
.mui-numbox .mui-numbox-input{
	border:0 none !important;
}
.mui-numbox [class*=numbox-btn][disabled]{
	background-color: #F6F6F6;
	color: #999;
 		font-size: 24px;
}
